Jump to content
  • 0

Проблемы с прыгающим меню


Dimacik
 Share

Question

Приветствую всех.Помогите пожалуйста.Мне нужно сделать обычное горизонтальное меню с 4-мя ссылками.Расстояние между ссылками должно быть строго 50px и при наведении мышки на пункт меню текст должен становиться жирным(а:hover{font-weight:bold}).Проблема в том,что из-за "font-weight:bold" и установленного "паддинга" в 50 px между тегами "li"  меню начинает смещаться.Мне нужно,чтобы остальные ссылки были неподвижны.Как это сделать?  

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

 

Выложите в песочнику ваш код, посмотрим.

http://htmlforum.ru/index.php?showtopic=18446

 npofopr, что значит в песочницу?Я просто новичок.Я тут не могу его выложить?

 

Только не выходи во двор)))

 

Вот есть такая песочница http://jsfiddle.net/

Link to comment
Share on other sites

  • 0

 

 

Выложите в песочнику ваш код, посмотрим.

http://htmlforum.ru/index.php?showtopic=18446

 npofopr, что значит в песочницу?Я просто новичок.Я тут не могу его выложить?

 

Только не выходи во двор)))

 

Вот есть такая песочница http://jsfiddle.net/. Спасибо,что просвятили :) Смотрите,при наведении на конкретную ссылку,остальные ссылки смещаются за счёт того,что шрифт стал больше занимать места.....А мне нужно,чтобы ссылка становилась жирной,а другие ссылки оставались вообще без изменений......

 

http://jsfiddle.net/p5tf58kd/

Edited by Dimacik
Link to comment
Share on other sites

  • 0

DivMan,спасибо БОЛЬШОЕ за помощь.Но вся сложность в том,что мне нужно,чтобы все ссылки ровно одинаково друг от друга  стояли,то есть расстояние от последней буквы 1-й ссылки до первой буквы 2-й ссылки было 50px.То есть точь в точь,как в моём примере,только чтобы ссылки не дёргались. 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy